<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="../../templates/template.xhtml">

	<ui:define name="contenido">
		<h:form id="form">
			<p:tabView>
				<!--PESTAÑA ADMINISTRACION  -->
				<p:tab title="#{inter.administrar} #{inter.equipo}">

					<!--MENSAJES  -->
					<p:growl id="menEqu" life="#{inter.tiempoMen}" />

					<!--ACORDEON  -->
					<p:accordionPanel effect="bounceslide" autoHeight="false" id="acoPanEqu">

						<!--PRIMERA PESTAÑA DEL ACORDEON: INGRESAR DATOS-->
						<p:tab title="#{inter.insertar} #{inter.equipo}">
							<!--BARRA GUARDAR-->
							<p:toolbar>
								<p:toolbarGroup align="right">
									<p:commandButton image="botonGuardar" title="#{inter.guardar}"
										update="gridEqu, dtEquipo, menEqu"
										actionListener="#{catalogoEquipo.guardarEquipo}" />
								</p:toolbarGroup>
							</p:toolbar>
							<!--DATOS-->
							<h:panelGrid columns="4" id="gridEqu" width="100%"
								style="text-align:left;" border="0">
								<h:outputLabel value="#{inter.antenas}" />
								<p:autoComplete id="txtAnte"
									value="#{catalogoEquipo.equipo.matAntena}" 
									requiredMessage="#{inter.antenas} #{inter.requerido}"
									completeMethod="#{catalogoEquipo.completarAntenas}" var="ante"
									itemLabel="#{ante.nombreAnt}" itemValue="#{ante}"
									converter="convertidorAntena"
									>
								</p:autoComplete>
								<h:outputLabel value="#{inter.descripcion}" for="txtObs" />
								<p:inputTextarea id="txtObs" style="width:270px;height:50px;"
									value="#{catalogoEquipo.equipo.descripcioEqu}"
									validatorMessage="#{inter.errorlong} #{inter.descripcion} ">
									<f:validateLength minimum="0" maximum="120" />
									<f:converter converterId="convertidorMayuscula" />
								</p:inputTextarea>

								<h:outputLabel value="#{inter.marca}" for="txtMar" />
								<p:inputText id="txtMar"
									value="#{catalogoEquipo.equipo.marcaEqu}"
									validatorMessage="#{inter.errorlong} #{inter.marca} ">
									<f:validateLength minimum="0" maximum="45" />
									<f:converter converterId="convertidorMayuscula" />
								</p:inputText>
								<h:outputLabel value="#{inter.modelo}" for="txtMod" />
								<p:inputText id="txtMod" 
									value="#{catalogoEquipo.equipo.modeloEqu}"
									validatorMessage="#{inter.errorlong} #{inter.modelo} ">
									<f:validateLength minimum="0" maximum="45" />
									<f:converter converterId="convertidorMayuscula" />
								</p:inputText>
								<h:outputLabel value="#{inter.serie}" for="txtSer" />
								<p:inputText id="txtSer" 
									value="#{catalogoEquipo.equipo.serieEqu}" 
									validatorMessage="#{inter.errorlong} #{inter.serie} ">
									<f:validateLength minimum="0" maximum="45" />
									<f:converter converterId="convertidorMayuscula" />
								</p:inputText>
								<h:outputLabel value="#{inter.potencia}" for="txtPot" />
								<p:inputText id="txtPot"
									value="#{catalogoEquipo.equipo.potenGananEqu}"
									validatorMessage="#{inter.errorlong} #{inter.potencia} ">
									<f:validateLength minimum="0" maximum="45" />
									<f:converter converterId="convertidorMayuscula" />
								</p:inputText>
								<h:outputLabel value="#{inter.frecuencia}" for="txtFre" />
								<p:inputText id="txtFre"
									value="#{catalogoEquipo.equipo.frecuenciaEqu}"
									validatorMessage="#{inter.errorlong} #{inter.frecuencia} ">
									<f:validateLength minimum="0" maximum="45" />
									<f:converter converterId="convertidorMayuscula" />
								</p:inputText>
								<h:outputLabel value="#{inter.fechaContrataciong}" for="txtFec" />
								<p:calendar id="txtFec" 
									value="#{catalogoEquipo.equipo.fechaContrEqu}"
									showButtonPanel="true" navigator="true" maxdate="today" />							
							</h:panelGrid>
						</p:tab>

						<!--SEGUNDA PESTAÑA DEL ACORDEON: EDITAR DATOS-->
						<p:tab title="#{inter.modificar} #{inter.antenas}">
							<!--BARRA EXPORTAR IMPRIMIR-->
							<p:toolbar>
								<p:toolbarGroup align="right">
									<h:commandButton value="#{inter.editar}"
										title="#{inter.editar}" image="/img/iconoEditar.png" >
										<p:ajax update="form:gridEqu, menEqu, acoPanEqu"
											listener="#{catalogoEquipo.editarEquipo}" />
									</h:commandButton>
									<h:commandButton value="#{inter.eliminar}" title="#{inter.eliminar}"
										image="../../img/iconoEliminar.png" 
										onclick="diaConMatEqu.show();return false;" type="button" />
									<p:divider />
									<h:commandLink immediate="true"
										title="#{inter.exportar} #{inter.excel}">
										<p:graphicImage value="/img/iconoExcel.png" 
											styleClass="botonMat"/>
										<p:dataExporter type="xls" target="dtEquipo"
											fileName="#{inter.filEqu}" />
									</h:commandLink>
									<h:commandLink immediate="true"
										title="#{inter.exportar} #{inter.pdf}">
										<p:graphicImage value="/img/iconoPdf.png" 
											styleClass="botonMat"/>
										<p:dataExporter type="Pdf" target="dtEquipo"
											fileName="#{inter.filEqu}" />
									</h:commandLink>
									<h:commandLink immediate="true"
										title="#{inter.exportar} #{inter.xml}">
										<p:graphicImage value="/img/iconoXml.png" 
											styleClass="botonMat"/>
										<p:dataExporter type="xml" target="dtEquipo"
											fileName="#{inter.filEqu}" />
									</h:commandLink>
								</p:toolbarGroup>
							</p:toolbar>
							<br />
							<p:dataTable id="dtEquipo" var="equipo"
								value="#{catalogoEquipo.listaEquipo}"
								selection="#{catalogoEquipo.equipoSel}" selectionMode="single"
								rowSelectListener="#{catalogoEquipo.onRowSelect}"
								paginator="true" rows="10">
								<p:column sortBy="#{equipo.descripcioEqu}"
									filterBy="#{equipo.descripcioEqu}">
									<f:facet name="header">
										<h:outputText value="#{inter.descripcion}" />
									</f:facet>
									<h:outputText value="#{equipo.descripcioEqu}" />
								</p:column>
								<p:column 
									sortBy="#{equipo.marcaEqu}" filterBy="#{equipo.marcaEqu}">
									<f:facet name="header">
										<h:outputText value="#{inter.marca}" />
									</f:facet>
									<h:outputText value="#{equipo.marcaEqu}" />
								</p:column>
								<p:column sortBy="#{equipo.modeloEqu}" 
									filterBy="#{equipo.modeloEqu}">
									<f:facet name="header">
										<h:outputText value="#{inter.modelo}" />
									</f:facet>
									<h:outputText value="#{equipo.modeloEqu}" />
								</p:column>
								<p:column sortBy="#{equipo.serieEqu}" 
									filterBy="#{equipo.serieEqu}">
									<f:facet name="header">
										<h:outputText value="#{inter.serie}" />
									</f:facet>
									<h:outputText value="#{equipo.serieEqu}" />
								</p:column>
								<p:column sortBy="#{equipo.potenGananEqu}"
									filterBy="#{equipo.potenGananEqu}">
									<f:facet name="header">
										<h:outputText value="#{inter.potencia}" />
									</f:facet>
									<h:outputText value="#{equipo.potenGananEqu}" />
								</p:column>
								<p:column sortBy="#{equipo.frecuenciaEqu}"
									filterBy="#{equipo.frecuenciaEqu}">
									<f:facet name="header">
										<h:outputText value="#{inter.frecuencia}" />
									</f:facet>									
									<h:outputText value="#{equipo.frecuenciaEqu}" />
								</p:column>
								<p:column sortBy="#{equipo.fechaContrEqu}"
									filterBy="#{equipo.fechaContrEqu}">
									<f:facet name="header">
										<h:outputText value="#{inter.fechaContrataciond}" />
									</f:facet>
									<h:outputText value="#{equipo.fechaContrEqu}" />
								</p:column>
								<p:column sortBy="#{equipo.matAntena.nombreAnt}"
									filterBy="#{equipo.matAntena.nombreAnt}">
									<f:facet name="header">
										<h:outputText value="#{inter.antenas}" />
									</f:facet>
									<h:outputText value="#{equipo.matAntena.nombreAnt}" />
								</p:column>
							</p:dataTable>
						</p:tab>
					</p:accordionPanel>
				</p:tab>
			</p:tabView>
		</h:form>
	</ui:define>
	<ui:define name="diaGen">
		<!-- Dialogo de confirmación para eliminar un registro - martosfre -->
		<p:confirmDialog modal="true"
			message="#{inter.mendeliminar}" showEffect="bounce"
			hideEffect="explode" header="#{inter.eliminando} #{inter.equipo}" severity="alert"
			widgetVar="diaConMatEqu">
			<p:commandButton value="Si" oncomplete="diaConMatEqu.hide()"
				actionListener="#{catalogoEquipo.eliminarEquipo}"
				update="form:menEqu, form:dtEquipo" immediate="true">
			</p:commandButton>
			<p:commandButton value="No" onclick="diaConMatEqu.hide()"
				type="button" />
		</p:confirmDialog>
	</ui:define>
</ui:composition>